<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/custom.css" />

    <title>发券主题查询</title>
</head>
<body data-id="17">

<nav class="breadcrumb">电子券管理 <span class="c-gray en">&gt;</span>电子券主题查询<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<section class="page-container">
    <form class="ml-20 mr-20" id="form-search"  method="post">
            <div class="bg-1 bk-gray pb-10">
                <div class="lh-20 pd-10">
                    <table class="table_li mb-10 table">
                        <thead class="text-l">
                        <tr>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-6" style="margin-left: 36px;">类型：</label>
                                    <span class="select-box size-M radius col-xs-8" style="width:53%;margin-left: -36px;">
                                        <select id="topicType" class="select">
                                            <option value="">全部</option>
                                            <option value="10">满减券</option>
                                            <option value="20">运费券</option>
                                        </select>
                                    </span>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-7">电子券主题编码：</label>
                                    <div class="formControls col-sm-8 f-l">
                                        <input type="text" class="input-text radius" name="" style="width: 259px;margin-left: -8px;"  placeholder="按优惠券编码查询" id="topicCode" onafterpaste="this.value=this.value.replace(/\D/g,'')" onkeyup="this.value=this.value.replace(/\D/g,'')">
                                    </div>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-7">电子券主题名称：</label>
                                    <div class="formControls col-sm-8 f-l">
                                        <input type="text" class="input-text radius" name=""  placeholder="输入名称关键字" id="topicName" maxlength="20">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-6">电子券面额：</label>
                                    <div class="f-l">
                                        <input id="amountStartValue" onkeyup="amount(this)" onafterpaste="this.value=this.value.replace(/\D/g,'')"type="text" class="input-text radius" style="width:60px" name=""><span class="pd-5">~</span>
                                        <input id="amountEndValue"  onkeyup="amount(this)" onafterpaste="this.value=this.value.replace(/\D/g,'')" type="text" class="input-text radius" style="width:60px" name="">
                                    </div>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <span class="c-red c-must f-l" style="margin-left: -11px;">*</span><label class="form-label f-l label-7" style="margin-left: -1px;">电子券主题状态：</label>
                                    <span class="select-box size-M radius col-xs-8" style="width: 60%;margin-left: 11px;">
                                    <select id="topicStatus" class="select">
                                        <option value="">全部</option>
                                        <option value="10">已生效</option>
                                        <option value="30">已失效</option>
                                        <option value="40">强制失效</option>
                                        <!--<option>强制失效</option>-->
                                    </select>
                                    </span>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-7" style="margin-left: 37px;">制券部门：</label>
                                    <div  class="formControls col-sm-8">
                                        <input type="text" id="createDept" style="margin-left: -69px;" class="input-text radius" name=""
                                               placeholder="输入名称关键字" maxlength="15" autocomplete="off">
                                        <div class="pos-a sel_mh hide deptlist" style="width:80%">
                                            <ul id="deptList">
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-4" style="margin-left: 24px;">制券人：</label>
                                    <div  class="formControls col-sm-8 ml-15">
                                        <input type="text" id="createUsername" style="margin-left: -82px;width: 236px;" class="input-text radius" name=""  placeholder="输入名称关键字" maxlength="20" autocomplete="off">
                                        <div class="pos-a sel_mh hide userlist" style="width:80%">
                                            <ul id="userList">
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-4" style="margin-left: 36px;">创建日期：</label>
                                    <div class="f-l">
                                        <!--<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'createEndTimeValue\')||\'%y-%M-%d\'}' })" id="createStartTimeValue" class="input-text Wdate radius f-l" style="width:120px;" placeholder="请选择时间">-->
                                        <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'createEndTimeValue\')||\'%y-%M-%d\'}',startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="createStartTimeValue" class="input-text Wdate radius" style="width:115px;margin-left: 11px;" placeholder="请选择时间">

                                        <span class="pd-5">~</span>
                                        <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'createStartTimeValue\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="createEndTimeValue" class="input-text Wdate radius" style="width:115px;" placeholder="请选择时间">
                                    </div>
                                </div>
                            </td>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-4" style="margin-left: 38px;">生效日期：</label>
                                    <div class="f-l">
                                        <!--<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate radius f-l" style="width:120px;" placeholder="请选择时间">-->
                                        <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}',startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="logmin" class="input-text Wdate radius" style="width:115px;margin-left: 12px;" placeholder="请选择时间" autocomplete="off">

                                        <span class="pd-5">~</span>
                                        <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',dateFmt:'yyyy-MM-dd HH:mm:ss' })" id="logmax" class="input-text Wdate radius" style="width:115px;" placeholder="请选择时间" autocomplete="off">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="col-3-1">
                                <div class="row ml-10">
                                    <label class="form-label f-l label-6" style="margin-left: -12px;">是否抽奖使用：</label>
                                    <span class="select-box size-M radius col-xs-8" style="width:53%;margin-left: 11px;">
                                        <select id="isLotteryDrawUse" class="select">
                                            <option value="">请选择</option>
                                            <option value="20">是</option>
                                            <option value="10">否</option>
                                        </select>
                                    </span>
                                </div>
                            </td>
                        </tr>
                        </thead>
                    </table>
                </div>

                <div class="text-c pb-20 pt-10">

                    <input  id="search"  type="button" class="btn btn-secondary radius size-S powerButton 150" onclick="searchList(1)" value="查&nbsp;&nbsp;询">
                    <input name="" type="reset" class="btn radius size-S ml-10 powerButton 150" value="重&nbsp;&nbsp;置">


                </div>

                    <table class="table table-border table-bg table-hover table-sort mt-10" id="datatable">
                        <thead>
                        <tr class="text-c">
                            <th width="50">类型</th>
                            <th width="50">主题编码</th>
                            <th width="100">主题名称</th>
                            <th width="50">是否抽奖使用</th>
                            <th width="50">面额</th>
                            <th width="50">总数量</th>
                            <th width="70">制券部门</th>
                            <th width="50">制券人</th>
                            <th width="80">创建时间</th>
                            <th width="80">生效时间</th>
                            <th width="50">状态</th>
                            <th width="80">操作</th>
                        </tr>
                        </thead>
                        <tbody class="shun">
                        </tbody>
                    </table>
                <div class="dataTables_wrapper goods_fanye clearfix mt-5">
                    <div class="f-r pageturning M-box3"></div>
                </div>

        </div>

        </div>

    </form>

</section>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<script src="../../ht-js/coupon/coupon-topic-query.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../lib/pagination/pagination.css">
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../ht-js/power.js?rev=@@hash"></script>
<script>
   
    $('#reset').click(function(){
        $('input').val('');
        $('select').val('');
    })

    function amount(obj){
        obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
        obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字
        obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个, 清除多余的
        obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
        if(obj.value>10000){
            obj.value=10000;
        }
    }
</script>
</body>
</html>